<div class="container_16 containerHeight">
    <div class="grid_12 push_1">
        <h2>Mis Depositos</h2>
        <table id="tablaDepositos" width="75%">
            <thead>
                <tr>
                    <td><?= lang('cuenta'); ?></td>
                    <td><?= lang('importe'); ?></td>
                    <td>T.A.E.</td>
                    <td><?= lang('plazos'); ?></td>
                    <td><?= lang('fechSolicitud'); ?></td>
                    <td><?= lang('estado'); ?></td>
                    <td><?= lang('fechVencSolicitud'); ?></td>
                </tr>
            </thead>
            <tbody>
                <?php foreach ($depositos as $dept) {
                ?>
                    <tr>
                        <td><?= $dept->cuenta ?></td>
                        <td><?= $dept->importe ?>&euro;</td>
                        <td><?= $dept->tae ?>%</td>
                        <td><?= $dept->plazo ?></td>
                        <td><?= $dept->fechaSolicitud ?></td>
                        <td>
                        <?php if ($dept->estado == 'cancelada' || $dept->estado == 'rechazada') {
                        ?>
                            <img src="images/depositos/disabled.png"/>
                        <?php } ?>
                        <?= $dept->estado ?></td>
                    <td>  <?php
                        if ($dept->activo == 0) {
                            echo "-";
                        } else {
                        ?>
                        <?= $dept->fechaVencimiento ?>
                        <?php } ?>
                    </td>
                </tr>
                <?php } ?>
                </tbody>
            </table>

        </div>
    </div>

    <script>
        $(document).ready(function () {
            $('#tablaDepositos').dataTable({
                "bJQueryUI":true,
                "bInfo":false,
                "bSort":false,
                "bAutoWidth":false,
                "bLengthChange":false,
                "iDisplayLength":20,
                "oLanguage": {
                    "sUrl": "<?= lang('datatables_lng') ?>"
            }
        });
    });
</script>
<style>
    .dataTables_filter {
        display: none;
    }

    #tablaDepositos tr td {
        text-align: center;
    }

</style>